.answerCenter {
	width: 100%;
	height: 100%;
}

/***表单***/
/deep/.form {
	position: fixed;
	//top: 35%;
	top: 40%;
	left: 50%;
	transform: translate(-50%);
	font-size: 18px;
	font-weight: 700;

	.form-con {
		/* width: 832px;
		margin: 0 auto; */
	}

	.form-item {
		& + .form-item {
			margin-top: 15px;
		}

		label {
			text-align: right;
			width: 4em;
			margin-right: 7px;
		}

		.ant-input-affix-wrapper {
			height: 40px;
		}

		.my-input {
			// width: 343px;
			width: 400px;
			height: 40px;
			border: 1px solid @primary-color;
			border-radius: 23px;
			.ant-input-group-addon {
				background-color: #fff;
				border: none;
				border-radius: 23px;
				cursor: pointer;
			}
			.icon {
				width: 30px;
				height: auto;
			}
			input,
			.ant-input-number {
				border: none;
				height: 38px;
				border-radius: 23px;
				font-size: 15px;
				font-weight: bold;
				outline: none;
			}
			input:hover,
			input:focus,
			input:active,
			.ant-input-affix-wrapper:focus,
			.ant-input:hover,
			.ant-input:focus,
			.ant-input:active {
				border: none;
				outline: none;
				box-shadow: none;
			}
			.ant-input-affix-wrapper {
				border: none;
				background: #fff;
				outline: none;
				box-shadow: none;
			}
			.ant-select-focused .ant-select-selection,
			.ant-select-selection:focus,
			.ant-select-selection:active,
			.ant-select-selection:hover {
				border-color: transparent;
				box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
			}

			.ant-select-selection {
				border: none;
				height: 38px;
				border-radius: 23px;
				font-size: 15px;
			}

			.ant-select-selection__rendered {
				line-height: 38px;
			}

			.ant-select-auto-complete {
				border-radius: 23px;
				line-height: 35px;

				.ant-input-affix-wrapper {
					border: none;
					outline: none;
					box-shadow: none;
					height: 38px;
					border-radius: 23px;
				}
				ant-input {
					border: none;
					outline: none;
					box-shadow: none;
				}
			}
		}

		.taglist {
			width: 338px;
			height: 35px;
			line-height: 35px;
			overflow: hidden;
			border-radius: 26px;
			margin: 1px;
			border: 1px solid #fff;

			.tag-item {
				width: 42px;
				text-align: center;
				display: inline-block;
				cursor: pointer;

				// border-radius: 26px;
				&.active {
					background: @primary-color;
					color: #fff;
					/* :last-child{
						border-radius:0 26px 26px 0;
					} */
				}

				&.lastactive {
					border-radius: 0 26px 26px 0;
				}
			}
		}

		.answerRange {
			text-align: center;
			line-height: 40px;
		}

		.ant-tag {
			width: 32px;
			text-align: center;
			height: 32px;
			line-height: 32px;
			border-radius: 26px;
			margin: 3px 5px;
			cursor: pointer;
			font-size: 16px;
		}
	}
	.cancel-btn {
		background-color: #becad4;
		width: 120px;
		height: 60px;
		line-height: 60px;
		border-radius: 40px;
		text-align: center;
		// color: #2E2424;
		font-size: 30px;
		cursor: pointer;
	}
	.save-btn {
		background: @primary-color;
		// width: 300px;
		height: 60px;
		line-height: 60px;
		border-radius: 40px;
		text-align: center;
		color: #fff;
		font-size: 30px;
		cursor: pointer;
		margin-left: 16px;

		&.small {
			width: 100px;
			height: 40px;
			line-height: 40px;
			font-size: 18px;
			margin-left: 10px;
		}
		&:hover {
			background: rgba(0, 190, 197, 0.5);
		}
		&.official:hover {
			background: rgba(86, 151, 245, 0.5);
		}
	} /* .save-btn:hover {
		background: rgba(86, 151, 245, 0.5);
	} */
}
.fixed-save-btn {
	background: @primary-color;
	width: 247px;
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	position: fixed;
	bottom: 60px;
	right: 180px;
	z-index: 9;
	&:hover {
		background: rgba(0, 190, 197, 0.5);
	}
	&.official:hover {
		background: rgba(86, 151, 245, 0.5);
	}
	@media screen and (max-width: 1366px) {
		width: 227px;
	}
}
/* **********底部题目类型************ */
.toolBottombar {
	background-color: #405067;
	height: 0.7rem;
	border-radius: 20px;
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	z-index: 7;
	padding: 0 20px;
	cursor: move;
	.toolbar {
		position: relative;
		.tool-item {
			flex: none;
			&.tab-line {
				position: relative;
				padding: 0 0 0 30px;
				&::after {
					position: absolute;
					content: '';
					width: 2px;
					height: 20px;
					background-color: gray;
					top: 40%;
					left: 15px;
					transform: translateX(-50%);
				}
			}
		}
		a {
			display: inline-block;
			padding: 0 10px;
			height: 0.7rem;
			line-height: 0.7rem;
			font-size: 0.18rem;
			text-align: center;
			color: #fff;
			min-width: 0.74rem;
			&.active {
				background-color: @primary-color;
				color: #fff;
				font-weight: bold;
			}
		}
	}
}
/* *********选择范围表单样式************* */
/deep/.myForm {
	position: fixed;

	bottom: 0.9rem;
	left: 50%;
	transform: translate(-50%);
	font-size: 18px;
	font-weight: 700;
	.form-item {
		& + .form-item {
			margin-top: 7px;
		}
		label {
			text-align: right;
			width: 8em;
			margin-right: 7px;
		}
		.ant-input-affix-wrapper {
			height: 40px;
		}
		
		.taglist {
			width: 338px;
			height: 35px;
			line-height: 35px;
			overflow: visible;
			white-space: nowrap;
			border-radius: 26px;
			margin: 1px;
			border: 1px solid #fff;
			.tag-item {
				width: 42px;
				text-align: center;
				display: inline-block;
				cursor: pointer;
				// border-radius: 26px;
				&:first-child {
					border-radius: 26px 0 0 26px;
				}
				&.active {
					background: @primary-color;
					color: #fff; /* :last-child{
							border-radius:0 26px 26px 0;
						} */
				}
				&.lastactive {
					border-radius: 0 26px 26px 0;
				}
			}
		}

		.answerRange {
			text-align: center;
			line-height: 40px;
		}
		.ant-tag {
			width: 32px;
			text-align: center;
			height: 32px;
			line-height: 32px;
			border-radius: 26px;
			margin: 3px 5px;
			cursor: pointer;
			font-size: 16px;
		}
	}
	.save-btn {
		background: @primary-color;
		width: 300px;
		height: 60px;
		line-height: 60px;
		border-radius: 40px;
		text-align: center;
		color: #fff;
		font-size: 30px;
		cursor: pointer;
		margin-left: 50px;
		&.small {
			width: 100px;
			height: 40px;
			line-height: 40px;
			font-size: 18px;
			margin-left: 10px;
		}
		&:hover {
			background: rgba(0, 190, 197, 0.5);
		}
		&.official:hover {
			background: rgba(86, 151, 245, 0.5);
		}
	}
	/* .save-btn:hover {
			background: rgba(86, 151, 245, 0.5);
		} */
	&.myForm-sureAnswer {
		@media screen and (max-width: 1366px) {
			position: fixed;
			bottom: 60px;
			left: 50%;
		}
	}
	.my-input {
				padding: 0 5px;
				height: 40px;
				border: 1px solid @primary-color;
				border-radius: 23px;
				overflow: hidden;
				.ant-input-group-addon {
					background-color: #fff;
					border: none;
					border-radius: 23px;
					cursor: pointer;
				}
				.icon {
					width: 30px;
					height: auto;
				}
				input,
				.ant-input-number {
					border: none;
					height: 38px;
					border-radius: 23px;
					font-size: 15px;
					font-weight: bold;
				}
				.ant-input-number-handler-wrap {
					border-radius: 0 23px 23px 0;
				}
				.ant-select-selection {
					border: none;
					height: 38px;
					border-radius: 23px;
					font-size: 15px;
				}
	
				.ant-select-selection__rendered {
					line-height: 38px;
				}
			}
}

/* *************关闭、返回按钮样式***************** */
.fixedBtn {
	position: fixed;
	bottom: 90px;
	right: 20px;
	.closeBtn {
		background: #becad4;
		border-radius: 23px;
		font-size: 24px;
		color: #4d5053;
		padding: 5px 32px;
		cursor: pointer;
	}
}
/* **头部题目类型** */
.topicType {
	width: 304px;
	height: 100px;
	line-height: 100px;
	position: relative;
	left: 49px;
	z-index: 7;
	.img {
		width: 304px;
		height: 100px;
		position: absolute;
		right: 0;
	}
	.name {
		position: absolute;
		top: 70%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 30px;
		color: #fff;
	}
	@media screen and (max-width: 1366px) {
		width: 254px;
		height: 80px;
		line-height: 80px;
		.img {
			width: 254px;
			height: 80px;
		}
		.name {
			font-size: 28px;
		}
	}
}
/* **头部正确答案** */
.correctAnswer {
	width: 260px;
	height: 102px;
	position: absolute;
	top: 0;
	right: 107px;
	.correctAnswer-bg {
		background: @primary-color;
		border-radius: 40px;
		height: 60px;
		text-align: center;
		margin-top: 38px;
	}
	.img {
		width: auto;
		height: 42px;
		position: absolute;
		left: 50%;
		top: 0;
		right: 0;
		transform: translate(-50%);
		z-index: -1;
	}
	.name {
		position: absolute;
		top: 65%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 50px;
		color: #fff;
		font-weight: bold;
	}
	@media screen and (max-width: 1366px) {
		width: 210px;
		height: 80px;
		line-height: 80px;
		.correctAnswer-bg {
			height: 50px;
			text-align: center;
			margin-top: 28px;
		}
		.img {
			width: auto;
			height: 42px;
		}
		.name {
			font-size: 28px;
			position: absolute;
			top: 70%;
		}
	}
}
/* 主体内容右侧tab */
.right-tabs {
	position: absolute;
	left: calc(100% - 148px);
	bottom: 25px;
	background: @primary-color;
	width: 123px;
	padding: 2px 6px 2px 2px;
	color: #4d5053;
	font-size: 22px;
	font-weight: bold;
	.tab {
		background: #fff;
		text-align: center;

		cursor: pointer;

		&.blue {
			background: none;
			color: #fff;
		}
	}
}

/* 主体内容底部操作按钮 */
.conbox-ft {
	width: 1162px;
	margin: 0 auto;
	padding: 10px 0;
	.save-btn {
		background: @primary-color;
		color: #fff;
		width: 300px;
		line-height: 60px;
		border-radius: 40px;
		text-align: center;
		font-size: 30px;
		font-weight: 700;
		margin: 0 auto;
		cursor: pointer;
		z-index: 999;
		&:hover {
			background: rgba(0, 190, 197, 0.5);
		}
		&.official:hover {
			background: rgba(86, 151, 245, 0.5);
		}
	}
	/* .save-btn:hover {
		background: rgba(86, 151, 245, 0.5);
	} */
	.save-btn.disabeld {
		background: #becad4;
	}
}
/* ************课题************* */
.endClass {
	position: fixed;
	right: 20px;
	bottom: 60px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 20px;
	color: #333;
	background-color: #ffea65;
	border-radius: 45px;
	cursor: pointer;
}
